<div class="hold-transition login-page">
  <div class="container">
  <mk-box>
    <mk-box-content>
      <div class="form-group" style="width: 100%;min-height: 800px">
        <button class="btn btn-success btn-flat btn-block" (click)="repair()">报修</button>
        <div *ngIf="showRepair">
          <label>设备ID</label>
          <input class="form-control" [value]="id" disabled>
          <label>问题详情</label>
          <textarea class="form-control" rows="5" [(ngModel)]="repairInfo"></textarea>
        </div>
        <label>设备名称/ID</label>
        <input class="form-control" [value]="name+'/'+id" disabled>
        <label>设备编号</label>
        <input class="form-control" [value]="serialID" disabled>
        <label>设备图片</label>
        <div>
          <img style="width: 100%" *ngIf="imageUrl!==undefined && imageUrl!==null" [src]="imageUrl">
        </div>
        <input *ngIf="imageUrl===undefined || imageUrl === null" class="form-control" value="图片不存在" disabled>
        <label>厂家信息</label>
        <input class="form-control" [value]="factoryInfo" disabled>
        <label>设备位置</label>
        <input class="form-control" [value]="location" disabled>
        <div id="container"></div>
        <label>相关视频</label>
        <video *ngIf="videoUrl!==undefined && videoUrl !== null" style="width: 100%;" controls loop>
          <source  [src]="videoUrl" type="video/mp4">
        </video>
        <input *ngIf="videoUrl===undefined || videoUrl === null" class="form-control" value="视频不存在" disabled>
        <label>相关信息</label>
        <textarea class="form-control" rows="6" disabled>{{text}}</textarea>
      </div>
    </mk-box-content>
  </mk-box>
  </div>
</div>
